<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为专区</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 导航栏 -->
    <div class="topcontent">
        <div class="wrapper">
            <div class="left">
                <ul>
                    <li>华为官网</li>
                    <li>荣耀官网</li>
                    <li>软件应用<p></p>
                    </li>
                    <li>花粉俱乐部</li>
                    <li>Select Region</li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li>登录 注册</li>
                    <li>我的订单</li>
                    <li>V码(优购码)</li>
                    <li>手机版</li>
                    <li>网站导航</li>
                </ul>
            </div>
        </div>

    </div>

    <!-- logo区 -->
    <div class="logoarea wrapper">
        <div class="logo">
            <img src="./images/logo.huawei.png" alt="">
            <span>商城首页</span>
        </div>
        <div class="erweima">
            <img src="./images/qrcode_vmall_app01.png" alt="">
            <div>微信扫码关注我们</div>
        </div>
    </div>

    <!-- 主题 -->
    <div class="content">
        <div class="title">
            <div class="wrapper">
                <ul>
                    <li>全部商品</li>
                    <li>华为专区</li>
                    <li>HUAWEI P10</li>
                    <li>HUAWEI Mate9</li>
                    <li>HUAWEI Nova</li>
                    <li>华为畅享6S</li>
                    <li>荣耀专区</li>
                </ul>
            </div>
        </div>
        <div class="icon">
            <div class="list wrapper">
                <ul>
                    <li>
                        <p>手机</p>
                        <span>HUAWEI Matr系列</span>
                    </li>
                    <li>
                        <p>平板&穿戴</p>
                        <span>平板电脑 手表/手环</span>
                    </li>
                    <li>
                        <p>笔记本电脑</p>
                    </li>
                    <li>
                        <p>智能家居</p>
                        <span>子母路由 电力猫 路由器</span>
                    </li>
                    <li>
                        <p>专属配件</p>
                        <span>贴膜 保护壳 保护套</span>
                    </li>
                    <li>
                        <p>通用配件</p>
                        <span>耳机 音箱</span>
                    </li>
                </ul>
            </div>
            <!-- 圆点指示器 -->
            <ol>
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>

            </ol>
        </div>
    </div>

    <!-- 图片区 -->
    <div class="pic wrapper">
        <img src="./images/20170310105644358.jpg" alt="">
        <img src="./images/2017031017165551.jpg" alt="">
        <img src="./images/20170310090516264.jpg" alt="">
        <img src="./images/20170313143419135.jpg" alt="">
    </div>
    <div class="pic1 wrapper">
        <div>
            <ul>
                <p>HUAWEI P10 Plus</p>
                <li>金属钻雕工艺</li>
                <span>￥4388</span>
            </ul>
            <img src="./images/1489161234073.png" alt="">
        </div>
        <div>
            <ul>
                <p>HUAWEI nova 青春版</p>
                <li>炫出我色彩</li>
                <span>￥1999</span>
            </ul>
            <img src="./images/1491476650727.png" alt="">
        </div>
        <div>
            <ul>
                <p>HUAWEI Mate 9 Pro</p>
                <li>2K双曲面屏</li>
                <span>￥4699</span>
            </ul>
            <img src="./images/1484219138436.png" alt="">
        </div>
    </div>

    <!-- 服务 -->
    <div class="service">
        <div class="scontent wrapper">
            <ul>
                <li>
                    <h5></h5>
                    <p>500强企业 品质保证</p>
                </li>
                <li>
                    <h5></h5>
                    <p>7天退货 15天换货</p>
                </li>
                <li>
                    <h5></h5>
                    <p>99元起免运费</p>
                </li>
                <li>
                    <h5></h5>
                    <p>448家维修网点 全国联保</p>
                </li>
            </ul>
        </div>
    </div>

    <!-- 帮助中心 -->
    <div class="help">
        <div class="text1">
            <ul>
                <li>
                    <h5></h5>
                    <p>帮助中心</p>
                </li>
                <li>
                    <h5></h5>
                    <p>售后服务</p>
                </li>
                <li>
                    <h5></h5>
                    <p>技术支持</p>
                </li>
                <li>
                    <h5></h5>
                    <p>关于商城</p>
                </li>
                <li>
                    <h5></h5>
                    <p>关注我们</p>
                </li>
            </ul>
        </div>
        <div class="text2">
            <ul>
                <li>购物指南</li>
                <li>配送方式</li>
                <li>支付方式</li>
                <li>常见问题</li>
            </ul>
            <ul>
                <li>保修政策</li>
                <li>退换货政策</li>
                <li>退换货流程</li>
                <li>保修状态查询</li>
            </ul>
            <ul>
                <li>售后网点</li>
                <li>荣耀零售店铺</li>
                <li>预约维修</li>
                <li>手机寄修服务</li>
                <li>维修配件价格查询</li>
                <li>软件下载</li>
            </ul>
            <ul>
                <li>公司介绍</li>
                <li>华为商城简介</li>
                <li>联系客服</li>
            </ul>
            <ul>
                <li>新浪微博</li>
                <li>腾讯微博</li>
                <li>花粉俱乐部</li>
                <li>商城手机版</li>
            </ul>
        </div>
    </div>

    <!-- 底部区 -->
    <div class="about wrapper">
        <ul>
            <li>友情链接： | 华为官网 | 华为消费者业务 | 荣耀官网 | 花粉俱乐部 | 莫塞尔商城 | 爱旅官网 | 华为应用市场 | 万表网 | 中商情报网 | 刷机精灵 | 华为手机 | 优购物官网 | 智能电视 | UC浏览器 |
            </li>
        
            <li>中关村商城 | 酷狗音乐 | 华为商城手机版 | 百信手机网 | 卡宝宝网 | 多特软件下载 | 同步助手 | 蜂鸟摄影网 | 奇珀论坛 | 家具商城 | 拍鞋网商城 | 欧宝丽珠宝 | 寻购网 | 亿智蘑菇 | 安卓市场 |</li>
       
            <li>阿里巴巴生意经 | 手机大全 | 安卓软件园 | 卓大师刷机 | 智机论坛 | 电子产品世界 | 历趣网 | 网购返利 | Apple110 | 91手机门户网 | 移动叔叔 | 奥特莱斯 | 荣耀Magic | 携程租车 | <a href="" >申请链接 >></a></li>
       
            <li>隐私政策 服务协议 Copyright ? 2012-2017 VMALL.COM 版权所有 保留一切权利</li>
        
            <li><img src="./images/20160226162651249.png" alt="">苏公网安备 32011402010009号 | 苏ICP备09062682号-9 | 增值电信业务经营许可证：苏B2-20130048 | 网络文化经营许可证：苏网文[2015] 1599-026号
            </li>
        </ul>
        <div class="one">
            <img src="./images/20161224180914742.jpg" alt="">
            <img src="./images/20160226162415360.png" alt="">
            <img src="./images/20160226162521265.png" alt="">
            <img src="./images/20160226162531395.png" alt="">
        </div>
    </div>
</body>

</html>